<template>
    <div class="ASprogress" v-if="EventList">
        <div class="title">进度</div>
        <Progress :percent="EventList.COUNT" v-if="EventList.EVENT_STATUS === 3">   
            <Icon type="checkmark-circled"></Icon>
            <span>已完结</span>
        </Progress>
        <Progress :percent="EventList.COUNT" v-if="EventList.EVENT_STATUS === 1">
        </Progress>
        <Progress :percent="EventList.COUNT" v-if="EventList.EVENT_STATUS === 0">
            <span style="color: red">待分发</span>
        </Progress>
        <Progress :percent="EventList.COUNT" class="pingjia" v-if="EventList.EVENT_STATUS === 2">
            <span style="color: #ff9900">待评价</span>
        </Progress>
    </div>
</template>

<script>
export default {
    props: ['EventList']
}
</script>

<style lang="less">
    .ASprogress{
        padding: 10px 20px;
        background-color: #fff;
        .ivu-progress-outer {
            width: 95%;
        }
        .title{
            font-size: 14px;
            font-weight: bold;
        }
        .pingjia{
            .ivu-progress-bg{
                background-color: #ff9900;
            }
        }
    }
</style>
